IPad 控制元件:工具欄/選單欄/彈出按鈕/瀏覽器導航(指南)
Toolbar 工具欄
A 將標題對齊到左側,並允許應用在中央提供更多的工具欄專案。
/Untitled.png)
/Untitled 1.png)
B 呼叫附近檢查器的任何按鈕、在任何視窗大小下應保持可見的重要專案,以及一個可選的溢位按鈕,供使用者訪問隱藏專案和工具欄自定義。
/Untitled 2.png)
C 允許使用者自定義工具欄,可以新增、刪除或重新排列、分組或摺疊。當工具欄空間不足時,這些操作會摺疊成一個加號按鈕。注意不要在工具欄中塞入太多專案。
D 工具欄專案可分組或摺疊,確保在不同視窗大小下保持重要專案可見。當使用者調整應用大小時,中央的工具欄專案在空間不足時會自動隱藏到溢位選單中。當視窗調整得更小時,只會保留前置和尾部部分。
E 新的標題和選單。底層邏輯是管理文件的狀態,所以選單應包含影響整個文件的操作。如複製、重新命名、移動、匯出和列印。如果你的應用主要用於編輯或檢視文件,你應該考慮使用這個新選單。
/Untitled 3.png)
F 分享選單欄底層邏輯是傳送到外部,所以將內容帶出應用的操作應放在共享選單下。
/Untitled 4.png)
編輯功能
觸控最佳化:當使用觸控時,編輯選單以水平佈局出現,使用者可以水平滾動選擇不同的選項。
指標最佳化:當使用指標時,編輯選單以垂直佈局顯示,提供更全面的選項列表。
/Untitled 5.png)
/Untitled 6.png)
標準操作:不移除剪下、複製和貼上等標準操作。這些是許多工作流程的重要組成部分。
/Untitled 7.png)
物件編輯:編輯選單不僅限於文字欄位,還可以用於文件畫布上的物件,如在 Keynote 中選擇圖層。
/Untitled 8.png)
/Untitled 9.png)
瀏覽器導航 Content browsing experiences
這種導航方式確保了操作的簡便性和上下文的連續性,提升了使用者在複雜應用中的瀏覽和互動體驗。
A 返回和前進按鈕:類似於網頁瀏覽器的導航方式。
B 側邊欄按鈕:用於開啟和關閉側邊欄,側邊欄通常包含不同的類別或層級導航選項。
/Untitled 10.png)
C 搜尋欄:索欄放在導航欄的右上角,適用於篩選當前螢幕上的內容。支援輸入建議,包括最近搜尋和推薦搜尋項。
/Untitled 11.png)
彈出按鈕控制元件pop-up buttons
編輯提醒的優先順序意味著要進入詳細檢視,然後再返回。這需要多次點選,而且會讓你脫離當前的上下文。
pop-up buttons可以直接在原地更改優先順序。